<template>
  <PageContainer title="设置">
    <template #content>
      <span>数量: {{ counter.count }}</span>
      <p></p>
      <Button type="primary" @click="() => counter.increment()">
        <template #icon>
          <PlusOutlined />
        </template> 累加
      </Button>
    </template>
  </PageContainer>
</template>
<script setup lang="ts">
import { PlusOutlined } from "@ant-design/icons-vue"
import { Button } from "ant-design-vue";
import { PageContainer } from "@ant-design-vue/pro-layout";
import useCounter from "../stores/counter.store";

const counter = useCounter()

</script>

